<!DOCTYPE html>
<html lang="en">
{include file="user/public/header" /}

<body>
    <div class="container-scroller">
        {include file="user/public/navbar" /}
        <div class="container-fluid page-body-wrapper">
            {include file="user/public/sidebar" /}
            <div class="main-panel" id="apps">

                <div class="content-wrapper">
                    <div class="row">
                        <div class="col-md-12 grid-margin stretch-card" style="min-height: 450px;">
                            <div class="card">
                                <div class="card-body">
                                    <h4 class="card-title">基础设置</h4>
                                    <!-- <p class="card-description">
                                Basic form layout
                              </p> -->
                                    <el-form label-width="120px" style="width: 90%;padding-top: 10px;">
                                        <el-row :gutter="20">
                                            <el-col :span="24">
                                                <el-form-item label="师父手机号">
                                                    <el-input style="width: 250px;" v-model="username" />
                                                </el-form-item>
                                            </el-col>

                                            <el-col :span="24">
                                                <el-form-item label="通知文字">
                                                    <el-input style="width: 250px;" v-model="username" />
                                                </el-form-item>
                                            </el-col>
                                            <el-col :span="24">
                                                <el-form-item label="Activity zone">
                                                    <el-select placeholder="please select your zone"
                                                        style="width: 250px;">
                                                        <el-option label="Zone one" value="shanghai" />
                                                        <el-option label="Zone two" value="beijing" />
                                                    </el-select>
                                                </el-form-item>
                                            </el-col>
                                        </el-row>
                                        <el-form-item>
                                            <el-button type="primary" @click="onSubmit">确认</el-button>
                                        </el-form-item>
                                    </el-form>
                                </div>
                            </div>
                        </div>
                        <!-- <el-card class="box-card" :body-style="{ margin: '10px' }" style="margin-top: 10px; min-height: 400px;" >
                    <el-form label-width="120px" style="width: 90%;padding-top: 10px;">
                        <el-row :gutter="20">
                            <el-col :span="24">
                                <el-form-item label="Activity name">
                                    <el-input style="width: 250px;" />
                                </el-form-item>
                            </el-col>
                            <el-col :span="24">
                                <el-form-item label="Activity zone">
                                    <el-select placeholder="please select your zone" style="width: 250px;">
                                        <el-option label="Zone one" value="shanghai" />
                                        <el-option label="Zone two" value="beijing" />
                                    </el-select>
                                </el-form-item>
                            </el-col>
                        </el-row>
                        <el-form-item>
                            <el-button type="primary" @click="onSubmit">Create</el-button>
                            <el-button>Cancel</el-button>
                        </el-form-item>
                    </el-form>
                </el-card> -->
                    </div>



                </div>
                <!-- main-panel ends -->
            </div>
        </div>

        {include file="user/public/footer" /}

        <script type='text/javascript'>
            const App = {
                data() {
                    return {
                        message: "Hello Element Plus",
                        username: "",
                    };
                },
                methods: {
                    onSubmit() {

                        $.ajax({
                            type: 'POST',
                            url: '/demo/user/update',
                            data: {
                                phone: "1",
                                age: 1
                            },
                            success: function (data) {
                                //请求成功函数内容
                            },
                            error: function (jqXHR) {
                                //请求失败函数内容
                            }
                        });

                        alert(1)
                    }
                }
            };
            const app = Vue.createApp(App);
            app.use(ElementPlus);
            app.mount("#apps");
        </script>





</body>

</html>